<template>
  <div>
    <el-container>
      <el-aside>
        <div
          style="
            height: 180px;
            background-color: rgba(207, 212, 207, 0.5);
            margin-bottom: 50px;
          "
        ></div>
        <router-link to="/causeMianTb/ProjectalBuildingTb">
          <el-button style="width: 260px" type="primary" v-focus plain
            >在建项目统计表</el-button
          >
        </router-link>
        <router-link to="/causeMianTb/PaymentHistoryTb">
          <el-button style="width: 260px" type="primary" plain
            >历史尾款统计表</el-button
          >
        </router-link>
        <router-link to="/causeMianTb/ProjectProgressTb">
          <el-button style="width: 260px" type="primary" plain
            >在建项目进度统计表</el-button
          >
        </router-link>
      </el-aside>
      <router-view> </router-view>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'causeMianTb',
  data () {
    return {
      routers: this.$router.replace({
        path: '/causeMianTb/ProjectalBuildingTb'
      })
    };
  },
  methods: {
    // 按钮点击
    handleInfo () {}
  },
  directives: {
    focus: {
      // 指令的定义
      inserted: function (el) {
        el.focus();
      }
    }
  }
};
</script>

<style scoped>
.el-aside {
  /* background-color:rgba(178, 210, 240, 0.5); */
  text-align: center;
  margin-right: 10px;
}
.el-button {
  margin: 15px;
}
</style>
